x 轴数据过于密集,如何配置忽略一部分显示内容?
问题描述
我在绘制一个大数据量的折线图表,数据里面包含比较多的维度,如果通过 d3 来绘制的话 axisBottom 会省略一部分内容,只展示几个维度项。我希望能够相对密集的展示较多的标签但是不出现标签的遮挡,请问有什么工具能够实现这样的功能吗?
D3 效果如下:d3

解决方案
VChart 允许开发者配置不同的轴标签展示策略,默认情况下,VChart 会对轴标签进行采 样以展示合适的标签内容。开发者可以配置 axes.sampling 为 false 来关闭这一采样算法,并通过 axes.label.autoRotate 应用标签遮挡算法以展示更多的标签同时避免遮挡。开发者也可以通过 axes.label.autoHide 开启标签的自动旋转以展示更多的标签内容。
除此之外,如果开发者对这些内置的标签展示策略仍不满意,那么可以通过 axes.label.dataFilter 来自定义标签展示的规则: